<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>钓鱼人</title>
    <link rel="stylesheet" href="css/globle.css">
    <link rel="stylesheet" href="css/index.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
    <div class="nav">
        <a href="#"><img src="img./map.png" alt=""></a>
        <span style="font-size: calc(14rem / 20)">郑州</span>
        <input type="text" placeholder="搜索/钓场/关键字">
        <a href=""> <img style=" margin-left: calc(10rem / 20)" src="img./Category.png" alt=""></a>
    </div>
    <!--轮播图-->
    <div class="banner">
        <a href="#" class="banner_img_a show"><img src="img./lunbo1.jpeg" alt=""></a>
        <a href="#" class="banner_img_a"><img src="img./dy1.jpg" alt=""></a>
        <a href="#" class="banner_img_a"><img src="img/dy3.jpg" alt="" /></a>
         <a href="#" class="banner_img_a"><img src="img/dy6.jpg" alt="" /></a>
        <div class="indicator">
            <span class="cur"></span>
            <span class=""></span>
            <span class=""></span>
             <span class=""></span>
        </div>
    </div>
    <!--分类-->
    <ul class=" classify">

        <li>
            <a href="">
          <div> <img src="img/fl1.png" alt=""></div>
             <p>钓场</p>
            </a>
        </li>
        <li>
             <a href="">
          <div> <img src="img/fl2.png" alt=""></div>
             <p>渔具店</p>
            </a>
        </li>
        <li>
             <a href="">
          <div> <img src="img/fl3.png" alt=""></div>
             <p>技巧</p>
            </a>
        </li>
        <li>
              <a href="">
          <div> <img src="img/fl4.png" alt=""></div>
             <p>饵料</p>
            </a>
        </li>
        <li>
           <a href="">
          <div> <img src="img/fl5.png" alt=""></div>
             <p>渔获</p>
            </a>
        </li>
        <li>
             <a href="">
          <div> <img src="img/fl6.png" alt=""></div>
             <p>问答</p>
            </a>
        </li>
        <li>
              <a href="">
          <div> <img src="img/fl7.png" alt=""></div>
             <p>装备</p>
            </a>
        </li>
        <li>
             <a href="">
          <div> <img src="img/fl8.png" alt=""></div>
             <p>展会</p>
            </a>
        </li>
    </ul>
    <div class="splendid">每天精彩部分</div>
    <div class="list">
        <p>只要让你开心就好</p>
        <div class="list-left">
           <img src="img/yu3.jpg" alt="">
        </div>
         <p>只要让你开心就好</p>
        <div class="list-left">
           <img src="img/yu2.jpg" alt="">
        </div>
         <p>只要让你开心就好</p>
        <div class="list-left">
           <img src="img/yu1.jpg" alt="">
        </div>
    </div>
    <footer>
        <div>
             <a href="">
           <img src="img/zhuye.png" alt="">
             <p>首页</p>
            </a>
        </div>
        <div>
            <a href="market.html">
           <img src="img/sc.png" alt="">
             <p>商场</p>
            </a>
        </div>
        <div>
             <a href="faxian.html">
           <img src="img/mp.png" alt="">
             <p>更多</p>
            </a>
        </div>
        <div>
            <a href="wode.html">
           <img src="img/wode.png" alt="">
             <p>我</p>
            </a>
        </div>
    </footer>
</body>
<script src="js/jquery.js"></script>
<script src="js/index.js"></script>
<script>
    function calcRem() {
        var http = document.getElementsByTagName("html")[0];
        var w = document.documentElement.clientWidth;
        http.style.fontSize = w / 18 + "px";
    }
    calcRem();
    window.onresize = function () {
        calcRem();
    };

</script>

</html>